<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>查询数据表中数据</title>
    <link rel="stylesheet" href="../../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../../style/index.css" />
    <link rel="stylesheet" href="../../../yl/style.css" />
    <link rel="stylesheet" href="../../../yl/mobile.css" />
    <link rel="stylesheet" href="../../../yl/easyui.css" />
    <link rel="stylesheet" href="../../../yl/icon.css" />
    <style>
        .el-input.is-disabled .el-input__inner {
            -webkit-text-fill-color: #606266;
        }
    </style>
</head>

<body>
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar" v-cloak>
                <div class="m-title">查询{{nodeKey}}详情</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder"
            style="height: 3000px;display: flex;flex-direction: column;">
            <div class="yl-main" style="padding-bottom: 0;">
                <div class="table_titel">
                    <div class="titel">表详情</div>
                </div>
                <el-descriptions :column="2" size="large" border>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">表名</div>
                        </template>
                        <el-input disabled :value="formData.TABLE_NAME" class="borderless-input" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">表备注</div>
                        </template>
                        <el-input disabled :value="formData.TABLE_COMMENT" class="borderless-input" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">主键自增规则</div>
                        </template>
                        <el-input disabled :value="formData.Document_Length == ''?'自定义主键':formData.Document_Head + '开头自动递增,共' + formData.Document_Length + '位'" class="borderless-input" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">表中数据条数</div>
                        </template>
                        <el-input disabled :value="'共' + formData.ROW_COUNT + '条数据'" class="borderless-input" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">创建时间</div>
                        </template>
                        <el-input disabled :value="formData.CREATE_TIME" class="borderless-input" />
                    </el-descriptions-item>
                    <el-descriptions-item>
                        <template #label>
                            <div class="cell-item">最后修改时间</div>
                        </template>
                        <el-input disabled :value="formData.UPDATE_TIME" class="borderless-input" />
                    </el-descriptions-item>
                </el-descriptions>
                <div class="table_titel">
                    <div class="titel">字段详情</div>
                </div>
                <el-table tooltip-effect="dark" border v-loading="loading" :data="tableData" style="margin-bottom: 20px;"
                    height="100%">
                    <el-table-column width="50" align="center" type="index" label="#"></el-table-column>
                    <el-table-column prop="COLUMN_COMMENT" show-overflow-tooltip label="注释" min-width="150"></el-table-column>
                    <el-table-column prop="COLUMN_NAME" show-overflow-tooltip label="列名" min-width="150"></el-table-column>
                    <el-table-column prop="COLUMN_TYPE" show-overflow-tooltip label="数据类型" min-width="150"></el-table-column>
                    <el-table-column prop="IS_NULLABLE" show-overflow-tooltip label="是否允许为空" min-width="150"></el-table-column>
                    <el-table-column prop="CONSTRAINT_TYPE" show-overflow-tooltip label="键" min-width="150">
                        <template v-slot="{row}">
                            {{row.CONSTRAINT_TYPE=='PRIMARY KEY'?'PRI':row.CONSTRAINT_TYPE=='FOREIGN KEY'?'MUL':''}}
                        </template>
                    </el-table-column>
                    <el-table-column prop="COLUMN_DEFAULT" show-overflow-tooltip label="默认" min-width="150">
                        <template v-slot="{row}">
                            {{row.COLUMN_DEFAULT=='NULL'?row.COLUMN_DEFAULT:"'" + row.COLUMN_DEFAULT + "'"}}
                        </template>
                    </el-table-column>
                </el-table>
            </div>
        </div>
        <footer class="botton-ann">
            <el-button @click="reset">刷新</el-button>
            <el-button @click="goBack">返回</el-button>
        </footer>
    </div>
</body>
<script src="../../../utils/utils.js"></script>
<script src="../../../config/config.js"></script>
<script src="../../../utils/mixins.js"></script>
<script src="../../../yl/vue.js"></script>
<script src="../../../yl/index.js"></script>
<script src="../../../yl/zh-cn.mjs"></script>
<script src="../../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
<script src="../../../yl/jquery.easyui.min.js"></script>
<script src="../../../yl/jquery.easyui.mobile.js"></script>
<script src="../../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/detail.js"></script>

</html>